GermanWikipedia - /page/entry.mu

Micron Document

____ _ _ _ _

| _ \ ___ | |_ (_) _ __ ___ __| | (_) __ _

| |_) | / _ \ | __| | | | '_ \ / _ \ / _| | | | / _ |

| _ < | __/ | |_ | | | |_) | | __/ | (_| | | | | (_| |

|_| \_\ \___| \__| |_| | .__/ \___| \__,_| |_| \__,_|

|_|

The NomadNet German Wikipedia | Archives | Info

- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b- `b

🔍 Search

¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

React Native

13.4 KB · ⇊ 5 parts · ⤓ Micron 13.4 KB · ⤓ HTML 39.6 KB

──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────

top

React Native ist ein quelloffenes UI-Framework zur Erstellung von Anwendungen für Android,cite-ref-3[3]cite-ref-cnet-4-0[4] Android TV,cite-ref-5[5] iOS,cite-ref-cnet-4-1[4] macOS,cite-ref-react-native-windows-6-0[6] tvOS,cite-ref-7[7] Web,cite-ref-8[8] Windowscite-ref-react-native-windows-6-1[6] und UWPcite-ref-9[9], welches von Meta Platforms, Inc.cite-ref-10[10] entwickelt wird. Es ermöglicht Entwicklern, native Systemfunktionen bei der Entwicklung mit der React-Bibliothek zu verwenden.cite-ref-11[11] Es wird unter anderem bei Facebook, Microsoft und Shopify zur Entwicklung der eigenen Android- und iOS-Apps verwendet.cite-ref-12[12]

Contents

• Geschichte

• Implementierung

• „Hello World!“ Beispiel

• Siehe auch

• Literatur

• Einzelnachweise

Geschichte

In 2012 kommentierte Mark Zuckerberg: „Der größte Fehler, den wir als Unternehmen gemacht haben, war zu sehr auf HTML5 statt auf native Entwicklung zu setzen“. Die Nutzung von HTML5 in der mobilen Facebook-App sorgte laut eigener Aussage für Instabilität und eine insgesamt langsamere Anwendung.cite-ref-html-biggest-mistake-13-0[13]cite-ref-html-biggest-mistake-2-14-0[14] Er versprach zugleich, Facebook würde bald eine bessere mobile Nutzungserfahrung schaffen.

Jordan Walke, ein Softwareentwickler bei Facebook, fand einen Weg, UI-Elemente in iOS aus einem JavaScript-Thread, welcher im Hintergrund läuft, zu erzeugen. Dies wurde zur Basis für das React-Framework. Facebook entschied sich dazu, einen internen Hackathon abzuhalten, um aus dem Prototyp ein produktiv einsetzbares Framework zu machen und künftig native Mobile-Apps mit der Technologie entwickeln zu können.cite-ref-15[15]

Nach Monaten der Entwicklung veröffentlichte Facebook 2015 die erste Version auf der React JavaScript Configuration Konferenz. Während einer technischen Keynotecite-ref-16[16] erklärte Christopher Chedeau, dass Facebook React Native bereits produktiv in einigen der eigenen Apps, namentlich der Group App und der Ads Manager App, verwendete.cite-ref-initialrelease-1-1[1]

Implementierung

Die Funktionsweise von React Native ist quasi identisch zu React, mit der Ausnahme, dass React Native nicht den DOM über den „Virtual DOM“ manipuliert. Der vom Entwickler geschriebene JavaScript-Code wird in einem Hintergrundprozess direkt auf dem Endgerät interpretiert. Die Kommunikation zwischen dem JavaScript-Code und dem Betriebssystem erfolgt über serialisierte Daten, welche gestapelt über eine asynchrone Brücke ausgetauscht werden.cite-ref-17[17]cite-ref-18[18]

React-Komponenten abstrahieren den nativen Code und interagieren mit System-APIs mittels dem deklarativem UI-Programmierparadigma von React sowie JavaScript. TypeScript wird bei der Entwicklung moderner React Native Apps aufgrund der erhöhten Typsicherheit jedoch oft gegenüber JavaScript bevorzugt.cite-ref-typescript-19-0[19]

Obwohl das Styling in React Native eine ähnliche Syntax zu CSS nutzt, verwendet es kein HTML oder CSS. cite-ref-20[20] Stattdessen werden den React-Komponenten die Styling-Regeln direkt im JavaScript-Code in Form eines Attributs zugewiesen.

React Native ist auch für Windows und macOS verfügbar. Die entsprechenden Entwicklungswerkzeuge werden jeweils von Microsoft entwickelt.cite-ref-react-native-windows-6-2[6]

„Hello World!“ Beispiel

Ein „Hello World!“ Programm mit einem einfachen Zähler kann in React Native wie folgt implementiert werden:

import { AppRegistry, Text, View, Button } from 'react-native';

import * as React from 'react';

const HelloWorldApp = () => {

const [count, setCount] = React.useState(0);

const incrementCount = () => {

setCount(count + 1);

};

return (

<View>

<Text>Hello World!</Text>

<Text>{count}</Text>

</View>

);

}

export default HelloWorldApp;

AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

Siehe auch

• React

• NativeScript

• Xamarin

• Titanium SDK

• Apache Cordova

• Flutter

• Qt (Bibliothek)

Literatur

• Bonnie Eisenman: Learning React Native. Hrsg.: O'Reilly. 2016, ISBN 978-1-4919-2900-1 (englisch).

Einzelnachweise

cite-note-initialrelease-11. React Native: Bringing modern web techniques to mobile. 26. März 2015, abgerufen am 9. September 2023 (englisch).

cite-note-ecde84342eaace0f-21. Release 0.83.0. 10. Dezember 2025 (abgerufen am 11. Dezember 2025).

cite-note-33. ↑ Android Release for React Native. 14. September 2015, abgerufen am 9. September 2023 (englisch).

cite-note-cnet-44. ↑ Stephen Shankland: Mozilla's radical open-source move helped rewrite rules of tech. In: CNET. 29. März 2018, abgerufen am 9. September 2023 (englisch).

cite-note-55. ↑ Building For TV Devices · React Native. In: reactnative.dev. Abgerufen am 9. September 2023 (englisch).

cite-note-react-native-windows-66. ↑ React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React. In: microsoft.github.io. Abgerufen am 9. September 2023 (englisch).

cite-note-77. ↑ React Native for Apple TV. In: GitHub. Abgerufen am 23. Mai 2024 (englisch).

cite-note-88. ↑ React Native for Web. In: GitHub. Abgerufen am 9. September 2023 (englisch).

cite-note-99. ↑ Windows Apps Team: React Native on the Universal Windows Platform. In: blogs.windows.com. 13. April 2016, abgerufen am 9. September 2023 (englisch).

cite-note-1010. ↑ Chapter 1. What Is React Native? In: oreilly.com. O’Reilly Media, Inc., abgerufen am 9. September 2023 (englisch).

cite-note-1111. ↑ Out-of-Tree Platforms. In: reactnative.dev. Facebook, Inc., abgerufen am 9. September 2023 (englisch).

cite-note-1212. ↑ React Native Showcase. In: reactnative.dev. Abgerufen am 9. September 2023 (englisch).

cite-note-html-biggest-mistake-1313. ↑ Christina Warren: Zuckerberg's Biggest Mistake? 'Betting on HTML5'. Mashable, 11. September 2012, abgerufen am 9. September 2023 (englisch).

cite-note-html-biggest-mistake-2-1414. ↑ Jürgen Vielmeier: Mark Zuckerberg kündigt Facebook-Suchmaschine an, nennt HTML 5 einen strategischen Fehler. BASIC thinking, 12. September 2012, abgerufen am 9. September 2023.

cite-note-1515. ↑ Martin Konicek: React Native: A year in review. In: Engineering at Meta. Meta, 13. April 2016, abgerufen am 9. September 2023 (englisch).

cite-note-1616. ↑ Christopher Chadeau: A Deep Dive into React Native. In: YouTube. Abgerufen am 9. September 2023 (englisch).

cite-note-1717. ↑ Tadeu Zagallo: Bridging in React Native. 14. Oktober 2015, abgerufen am 9. September 2023 (englisch).

cite-note-1818. ↑ How we build React Native app: 7 things which save your development time. Part 2. Abgerufen am 9. September 2023 (englisch).

cite-note-typescript-1919. ↑ Using TypeScript. In: reactnative.dev. Meta Platforms, Inc., abgerufen am 9. September 2023 (englisch).

cite-note-2020. ↑ React Native Style. In: reactnative.dev. Abgerufen am 9. September 2023 (englisch).

↑ Back to top